<!DOCTYPE html>
<html class="x-admin-sm">
<head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,height=device-height,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link rel="stylesheet" href="__ADMIN__/css/font.css">
    <link rel="stylesheet" href="__ADMIN__/css/xadmin.css">
    <script type="text/javascript" src="__ADMIN__/js/jquery.min.js"></script>
    <script type="text/javascript" src="__ADMIN__/lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="__ADMIN__/js/xadmin.js"></script>
    <script type="text/javascript" src="__ADMIN__/js/cookie.js"></script>
    <style>
        .layui-btn + .layui-btn {
            margin-left: 0;
        }

        .layui-table td, .layui-table th {
            min-width: 50px !important;
        }

        .layui-btn-xs {
            height: 22px !important;
            line-height: 22px !important;
            padding: 0 5px !important;
            font-size: 12px;
        }
    </style>
</head>

<body>
<div class="x-nav">
      <span class="layui-breadcrumb">
        <a><cite>{$nav}</cite></a>
      </span>
    <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right"
       href="javascript:location.replace(location.href);" title="刷新">
        <i class="layui-icon layui-icon-refresh-3" style="line-height:30px"></i></a>
</div>
<div class="x-body x-admin">
    <div class="layui-table-body layui-table-main" style="width: 100%;min-height:0;">
        <table class="layui-table layui-form" lay-filter="tableList" id="tableList"></table>
    </div>
</div>

<script type="text/html" id="do-td">
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
    <a class="layui-btn layui-btn-xs layui-btn-primary" lay-event="view">查看</a>
</script>

<script type="text/html" id="toolbarDemo">
    <div class="layui-btn-container">
        <button class="layui-btn" onclick="x_admin_show('添加聊天记录','{:url(\'chat/add\')}','','800','750')">
            添加聊天记录
        </button>
    </div>
</script>

<script>
    layui.use(['form', 'layer', 'jquery', 'table', 'util', 'laydate'], function () {
        form = layui.form,
            layer = layui.layer
            , $ = layui.jquery
            , table = layui.table
            , util = layui.util
            , laydate = layui.laydate;

        requestUrl = "{:url('admin/chat/listData')}";

        table.render({
            elem: '#tableList',
            url: requestUrl,
            toolbar: '#toolbarDemo',
            defaultToolbar: ['filter', 'exports', 'print'],
            limit: 10,
            height: $(window).height() - 150, title: '固定资产管理表',
            cols: [[
                {field: 'id', width: 80, title: "序号", fixed: 'left'},
                {field: 'name', title: "员工姓名"},
                {field: 'add_time', width: 150, title: "添加时间", fixed: 'right'},
                {width: 180, title: "操作", toolbar: '#do-td'}
            ]], page: true
        });

        table.on('tool(tableList)', function (obj) {
            var data = obj.data;
            if (obj.event === 'del') {
                layer.confirm('确认要删除吗？', function (index) {
                    $.ajax({
                        type: 'POST',
                        dataType: 'json',
                        data: {id: data.id},
                        url: "{:url('admin/chat/delete/')}?id=" + data.id,
                        success: function (result) {
                            layer.msg(result.message, {icon: 1, time: 1000});
                            obj.del();
                        }
                    });
                });
            } else if (obj.event === 'view') {
                url = "{:url('admin/chat/detail/')}?id=" + data.id;
                x_admin_show('聊天详情', url, false, '650', '750');
            }
        });

    });

</script>
</body>

</html>